跳到主要内容

CSS 弹性盒伸缩

阐述​

  • flex-basis 可以改变它在主轴上的推荐长度
  • flex-grow 使元素在采取 fit-content 仍有空余空间时增长,数值为相对比例
  • flex-shrink 使元素在采取 min-content 到 fit-content 之间的大小时缩短,数值为相对比例
  • flex: a b c 等价于 flex-grow: a、flex-shrink: b 和 flex-basis: c,但是如果不提供长度则 c = 0
  • 在 min-content 仍不足以塞下元素时,它们会溢出或者折行(flex-wrap)

实例​

性质​

相关内容​

参考文献​